useEffect(() => { setDone(true); });​  ,
useEffect(() => { setDone(true); }, []);
,
useEffect(() => { setDone(true); }, [setDone]);
,
useEffect(() => { setDone(true); }, [done, setDone]);
" /> useEffect(() => { setDone(true); }, [setDone]);,
useEffect(() => { setDone(true); });​
 ,
useEffect(() => { setDone(true); }, []);
,
useEffect(() => { setDone(true); }, [setDone]);
,
useEffect(() => { setDone(true); }, [done, setDone]);
" /> useEffect(() => { setDone(true); });​  ,
useEffect(() => { setDone(true); }, []);
,
useEffect(() => { setDone(true); }, [setDone]);
,
useEffect(() => { setDone(true); }, [done, setDone]);
" />
Google News
logo
ReactJS - Quiz(MCQ)
How do you invoke setDone only when component mounts, using hooks?
function MyComponent(props) {
  const [done, setDone] = useState(false);

  return <h1>Done: {done}</h1>;
}
A)
useEffect(() => { setDone(true); });​
 
B)
useEffect(() => { setDone(true); }, []);
C)
useEffect(() => { setDone(true); }, [setDone]);
D)
useEffect(() => { setDone(true); }, [done, setDone]);

Correct Answer :  

useEffect(() => { setDone(true); }, [setDone]);